<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="max_div">
        <div class="top_img_bg"> 
            <img class="top_img" src="images/top.jpg" alt="" >
        </div>
       <!--  -->
        <div class="banner">
            <div class="top_banner">
                <li class="bj"><i>&#xe947</i><a href="#">北京</a></li>
                <ul>
                    <li class="li"><a href="#">你好，请登录</a></li>
                    <li class="li"><a href="#">免费注册</a></li>
                    <li class="li"><a href="#">我的订单</a></li>
                    <li class="spacer"></li>
                    <li class="li"><a href="#">我的京东</a>
					<i>&#xea50</i></li>
                    <li class="spacer"></li>
                    <li class="li"><a href="#">京东会员</a></li>
                    <li class="spacer"></li>
                    <li class="li"><a href="#">企业采购</a></li>
                    <li class="spacer"></li>
                    <li class="li"><a href="#">客户服务</a>
					<i>&#xea50</i>
					</li>
					
                    <li class="spacer"></li>
					
                    <li class="li"><a href="#">网站导航</a>
					<i>&#xea50</i></li>
                    <li class="spacer"></li>
                    <li class="li"><a href="#">手机京东</a></li>
                </ul>
            </div>
            
            <img class="logo" src="images/logo.jpg" alt="">
        </div>
        <div class="find_banner">
            <input  type="text" value="单反相机">
            <button><i>&#xe986</i></button>
            <em></em>
            <div class="gwc">
                <i class="i1">&#xe93a</i>
                <span>我的购物车</span>
                <i class="i2">0</i>
            </div>
            <img class="erweima" src="images/erweima.png" alt="">
            <ul class="xszx">
                <li class="aaaa"><a href="#">学生专享</a></li>
                <li><a href="#">满300减160</a></li>
                <li><a href="#">7折返厂</a></li>
                <li><a href="#">骑行运动</a></li>
                <li><a href="#">家电榜单</a></li>
                <li><a href="#">无损播放器</a></li>
                <li><a href="#">汽车脚垫</a></li>
                <li><a href="#">巧克力</a></li>
                <li><a href="#">铝合金门窗</a></li>
                <li><a href="#">学生专享</a></li>
            </ul>
            <ul class="ms">
                <li><a href="#">秒杀</a></li>
                <li><a href="#">优惠券</a></li>
                <li><a href="#">闪购</a></li>
                <li><a href="#">拍卖</a></li>
                <li class="spacer"></li>
                <li><a href=#>京东服饰</a></li>
                <li><a href="#">京东超市</a></li>
                <li><a href="#">生鲜</a></li>
                <li><a href="#">全球购</a></li>
                <li class="spacer"></li>
                <li><a href="#">京东金融</a></li>
            </ul>
            <img class="dc" src="images/computer.jpg" alt="">
        </div>
    </div>
	<div class="jd">
        <div class="w jd-inner">
            <div class="jd-clo1">
                <ul>
                    <li><a href="#">家用电器</a></li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">电脑</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">手机</a>
                        <span></span>
                        <a href="#">运营商</a>
                        <span></span>
                        <a href="#">数码</a>
                    </li>
                </ul>
            </div>

            <div class="jd-clo2">

                <div class="jd-clo2-hd">

                    <a href="#" class="arr-l">&#xea53</a>
                    <a href="#" class="arr-r">&#xea52</a>

                    <ol>
                        <li class="current"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>

                    <ul>
                        <li><a href="#"><img src="images/banner.jpg" alt=""></a></li>
                    </ul>
                </div>

                <div class="jd-clo2-bd">
                    <div class="firstPic">
                        <img src="images/pic1.jpg" alt="">
                    </div>
                    <div>
                        <img src="images/pic2.jpg" alt="">
                    </div>
                </div>
            </div>

            <div class="jd-clo3">
                <div class="user">
                    <div class="user-info">
                        Hi，欢迎来到京东！<br>
                        <a href="#">登录</a>
                        <a href="#">注册</a>
                        <a href="#" class="info-img">
                            <img src="images/no_login.jpg" alt="">
                        </a>
                    </div>
                    <div class="user-profit">
                        <a href="#">新人福利</a>
                        <a href="#">PLUS会员</a>
                    </div>
                </div>
                <div class="news">
                    <div class="tab-hd">
                        <a href="javascript:;" class="cuxiao">
                            促销
                        </a>
                        <a href="javascript:;">公告</a>
                        <a href="javascript:;" class="more1">更多</a>
                        <div class="line"></div>
                    </div>
                    <div class="tab-bd">
                        <ul>
                            <li><a href="#">蓄电池专场下单立减100元</a></li>
                            <li><a href="#">蓄电池专场下单立减100元</a></li>
                            <li><a href="#">蓄电池专场下单立减100元</a></li>
                            <li><a href="#">蓄电池专场下单立减100元</a></li>
                        </ul>

                    </div>
                </div>

				<div class="jd-service">
                    <ul>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i></i>
                                <p>机票</p>
                    </ul>
                </div>
            </div>
        </div>
        <div class="ad">
            <a href="#"></a>
        </div>
	
 <div class="footer">

                </div>
            </div>
    </div>
    <div class="footer">

 	<div class="footer-service">
 		<div class="w footer-service-inner">
 			<ul class="clearfix">
 				<li>
 					<div class="service_unit">
 						<h5>多</h5>
 						<p>品牌齐全,轻松购物</p>
 					</div>
 				</li>
 				<li>
 					<div class="service_unit">
 						<h5 class="kuai">快</h5>
 						<p>多仓直发,极速配送</p>
 					</div>
 				</li>
 				<li>
 					<div class="service_unit">
 						<h5 class="hao">好</h5>
 						<p>正品行货,精致服务</p>
 					</div>
 				</li>
 				<li>
 					<div class="service_unit">
 						<h5 class="sheng">省</h5>
 						<p>天天低价,畅选无忧</p>
 					</div>
 				</li>
 			</ul>
 		</div>
 	</div>
 	<div class="w help">
 		<dl>
 			<dt>购物指南</dt>
 			<dd><a href="#">购物流程</a></dd>
 			<dd><a href="#">会员介绍</a></dd>
 			<dd><a href="#">生活旅行</a></dd>
 			<dd><a href="#">常见问题</a></dd>
 			<dd><a href="#">大家电</a></dd>
 			<dd><a href="#">联系客服</a></dd>
 		</dl>
 		<dl>
 			<dt>购物指南</dt>
 			<dd><a href="#">购物流程</a></dd>
 			<dd><a href="#">会员介绍</a></dd>
 			<dd><a href="#">生活旅行</a></dd>
 			<dd><a href="#">常见问题</a></dd>
 			<dd><a href="#">大家电</a></dd>
 			<dd><a href="#">联系客服</a></dd>
 		</dl>
 		<dl>
 			<dt>购物指南</dt>
 			<dd><a href="#">购物流程</a></dd>
 			<dd><a href="#">会员介绍</a></dd>
 			<dd><a href="#">生活旅行</a></dd>
 			<dd><a href="#">常见问题</a></dd>
 			<dd><a href="#">大家电</a></dd>
 			<dd><a href="#">联系客服</a></dd>
 			</dl>
 		<dl>
 			<dt>购物指南</dt>
 			<dd><a href="#">购物流程</a></dd>
 			<dd><a href="#">会员介绍</a></dd>
 			<dd><a href="#">生活旅行</a></dd>
 			<dd><a href="#">常见问题</a></dd>
 			<dd><a href="#">大家电</a></dd>
 			<dd><a href="#">联系客服</a></dd>
 			</dl>
 		<dl>
 			<dt>购物指南</dt>
 			<dd><a href="#">购物流程</a></dd>
 			<dd><a href="#">会员介绍</a></dd>
 			<dd><a href="#">生活旅行</a></dd>
 			<dd><a href="#">常见问题</a></dd>
 			<dd><a href="#">大家电</a></dd>
 			<dd><a href="#">联系客服</a></dd>
 		</dl> 
 		<dl class="cover">
 			<dt>京东自营覆盖区县</dt>
 			<dd class="info">京东已向全国2661个区县提供自营配送服务，支持货到付款、pos机刷卡和售后上门服务。</dd>
 			<dd class="more"><a href="#">查看详细</a></dd>
 		</dl>
 	</div>
 	<div class="w copyright">
 		<div class="links">
 			<a href="#">关于我们</a>
 			<span>|</span>
 			<a href="#">关于我们</a>
 			<span>|</span>
 			<a href="#">关于我们</a>
 			<span>|</span>
 			<a href="#">关于我们</a>
 			<span>|</span>
 			<a href="#">关于我们</a>
 			<span>|</span>
 			<a href="#">关于我们</a>
 			<span>|</span>
 			<a href="#">关于我们</a>
 			<span>|</span>
 			<a href="#">关于我们</a>
 			<span>|</span>
 			<a href="#">关于我们</a>
 			<span>|</span>
 			<a href="#">关于我们</a>
 			<span>|</span>
 			<a href="#">关于我们</a>
 			<span>|</span>
 			<a href="#">English</a>
 			<span>|</span>
 			<a href="#">Media & IR</a>
 			<span>|</span> 				
 		</div>
 		<div class="c-info">
 			<p>京公网安备11000002000088号|京ICP证070359号|互联网药品信息服务资格证编号（京）-经营性-2014-0008|新出发零字第大120007号</p>
 			<p>互联网出版许可编号新出证（京）字150号|出版物经营许可证|网络文化经营许可证网文[2014]21488-348号|违法和不良信息举报电话，4006561155</p>
 			<p>Copyright @ 2004-2017京东JD.com版权所有|消费者维权热线，40060067733经营证照</p>
 			<p>京东旗下网站，京东支付|京东云</p>
 		</div>
 		<div class="tupian">
 			<a href="#"></a>
 			<a href="#" class="kexin"></a>
 			<a href="#"></a>
 			<a href="#"></a>
 			<a href="#"></a>
 			<a href="#"></a>
 		</div>
 	</div>
 </div>

</body>
</html>